﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="POS.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body 
        {
            width:98.5%;
            height:630px    ;
            background-color:#555555;
            background-attachment:fixed;
            background-position:center; 
        }
        #form1
        {
            width:100%;
            height:100%;
        }
        #mainContainer
        {
            width:80%;
            height: 98%;
            margin-left:auto;
            margin-right:auto;
            margin-top:1%;
            margin-bottom:1%;
        }
        .trTop
        {
            height:60%;
        }
        .trBottom
        {
            height:38%;
        }        
        .mainFunctionsTable
        {
            width: 60%;
            height: 100%;
            margin-left:auto;
            margin-right:auto;
            margin-top:5%;
        }
        
        .mainFunctionsTable tr
        {
            width:98%;
            height:33%;
        }
        .mainFunctionsTable tr td
        {
            width:32%
        }
        .minorFunctionsTable
        {
            width: 80%;
            height: 80%;
            margin-left:auto;
            margin-right:auto;
            margin-top:10%;
        }
        .minorFunctionsTable tr
        {
            width:100%;
            height:48%;
        }
        .minorFunctionsTable tr td
        {
            width:19%
        }
        .indexButton
        {
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            width:98%;
            height:98%;
            font-size: 150%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
        }
        .indexButtonBottom
        {
            -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	        background-color:#79bbff;
	        -moz-border-radius:6px;
	        -webkit-border-radius:6px;
	        border-radius:6px;
	        border:1px solid #84bbf3;
	        display:inline-block;
	        color:#ffffff;
	        font-family:Comic Sans MS;
            font-size:130%;
            text-decoration:none;
	        text-shadow:1px 1px 0px #528ecc;
	        width:98%;
            height:98%;
        }
        .indexButton:hover
        {
            background-color:#378de5;
        }
        .indexButton:active
        {
	        position:relative;
	        top:1px;
        }
        .indexButtonBottom:hover
        {
            background-color:#378de5;
        }
        .indexButtonBottom:active
        {
	        position:relative;
	        top:1px;
        }
    </style>
</head>
<body>
    <form id = "form1" runat="server">
    <table id="mainContainer">
        <tr class ="trTop">
            <td> 
                <table class="mainFunctionsTable">
                    <tr>
                        <td>
                            <input class="indexButton" type="button" value="Dine In"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Take Out"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Deliver"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input class="indexButton" type="button" value="Search Order"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Change Order"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Pay"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input class="indexButton" type="button" value="Delete Order"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Assign Driver"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButton" type="button" value="Cashbox"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr class = "trBottom">
            <td>
                <table class="minorFunctionsTable">
                    <tr>
                        <td>
                            <input class="indexButtonBottom" type="button" value="Clock In/Out"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value="Report"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value="Data Backup"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value="中文/En"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value="Setting"  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input class="indexButtonBottom" type="button" value=""  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value=""  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value=""  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value=""  onclick="parent.location='DineIn.aspx'"/>
                        </td>
                        <td>
                            <input class="indexButtonBottom" type="button" value="Exit"  onclick="parent.location='Login.aspx'"/>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
